$(function(){
        musicPlay()
        function musicPlay(){
          var music = document.getElementById('audio');
          var ifPlay = true;
          console.log(music)
          $('#musicplay').on('click', function(){            
            if(ifPlay){
              $(this).addClass('hide');
              music.pause();
              ifPlay = !ifPlay;
              console.log('隐藏')
            } else {
              $(this).removeClass('hide').addClass('show');
              music.play();
              console.log('显示')
              ifPlay = true;
            }
            
          })
        }

        //数据请求模拟
        var newsMesdata = [
          // {
          //   title: '全部实训',
          //   mes: '我是全部实训的内容我是全部实训的内容我是全部实训的内容我是全部实训的内容我是全部实训的内容我是全部实训的内容我是全部实训的内容'
          // },
          // {
          //   title: '实训路径',
          //   mes: '我是实训路径的内容我是实训路径的内容我是实训路径的内容我是实训路径的内容我是实训路径的内容我是实训路径的内容'
          // },
          // {
          //   title: '在线课堂',
          //   mes: '我是在线课堂的内容我是在线课堂的内容我是在线课堂的内容我是在线课堂的内容我是在线课堂的内容'
          // },
          // {
          //   title: '讨论区区',
          //   mes: '我是讨论区的内容我是讨论区的内容我是讨论区的内容我是讨论区的内容我是讨论区的内容'
          // }
        ];
        var index = 0, curIdx = 0;

        $.ajax({
          type: 'post',
          url: 'https://news.zdroom.cn/newsType/api/list',
          data: '',
          contentType: 'application/json; charset=UTF-8',
          success: function(res){
            renderTitle(res.data);
          },
          error: function(ret){
            console.log(ret)
          }
        })

        $.ajax({
          type: 'post',
          url: 'https://news.zdroom.cn/news/api/list/' + index ,
          data: "",
          params: {
            pageSize: 8
          },
          contentType: 'application/json; charset=UTF-8',
          success: function(res){
            console.log(res);
            getnewsList(res.data.list)
          },
          error: function(ret){
            console.log(ret)
          }
        })

        function renderTitle(data){
          $('.container .head').empty();
          data.forEach(function(value, index){
            $('.container .head').append('<li>'+ value.typeName + '</li>');
          })
          FlashStart()
        }
        
        //tab的初始化
        function FlashStart(){  	          
          $(".head li").on('mouseover', function(){
              index = $(this).index();   
              $(".head li").removeClass('active').eq(index).addClass('active');   
          })

          $(".head li").on('click', function() {
              curIdx = index = $(this).index();
              /*获取当前点击新闻列表*/
              $.ajax({
                type: 'post',
                url: 'https://news.zdroom.cn/news/api/list/' + (index + 1) ,
                data: "",
                contentType: 'application/json; charset=UTF-8',
                success: function(res){
                  console.log(res);
                  getnewsList(res.data.list, curIdx)
                },
                error: function(ret){
                  console.log(ret)
                }
              })
          })
        }

        function getnewsList(data, index){          
          var moveInstance = index <= 1 ? 'moveright' : 'moveleft';            
          console.log(index);
          // $(".content div").eq(0).show(); 
          $('.container .content').empty();
          data.forEach(function(value, i){
            $('.container .content').append('<div class='+ moveInstance +'>'
            +'<p>'
            +'<span class="color-title font-14">'+ value.title_merit +'</span>'
            +'<span class="color-000 font-14">'+ value.news_title +'</span>'
            +'</p>'
            +'</div>')
          });

          $(".container").on('mouseout', function(){
            $(".head li").removeClass('active').eq(curIdx).addClass('active');   
          })
        }

        /* 页面懒加载 */
        var num = document.getElementsByTagName('img').length;
        var img = document.getElementsByTagName("img");
        // 存储图片加载到的位置，避免每次都从第一张图片开始遍历
        var n = 0;
        // 页面载入完毕加载可视区域内的图片
        lazyload();                                
        window.onscroll = lazyload;
        // 监听页面滚动事件
        function lazyload() {
            // 可见区域高度
            var seeHeight = document.documentElement.clientHeight;
            // 滚动条距离顶部高度
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            var distance = scrollTop + 380 +'px';
            for (var i = n; i < num; i++) {
                if (img[i].offsetTop < seeHeight + scrollTop) {
                    if (img[i].getAttribute("src") == "default.jpg") {
                        img[i].src = img[i].getAttribute("data-src");
                    }
                    n = i + 1;
                }
            }
            $(document).on('scroll', function(){
              if(scrollTop <= 300){
                $('#backBtn').removeClass('show').addClass('hide');
              } else {
                $('#backBtn').removeClass('hide').addClass('show');
                $('#backBtn').css({
                  "top": distance
                })
              }
            })
        }

      })       